<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>打卡</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}" type="text/css">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" th:href="@{/css/bootstrap-theme.min.css}">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/jquery.min.js}" type="application/javascript"></script>
    <script>
        $(document).ready(function () {

            $("#myFrom").submit(function () {
               var username= $("#username").val();
                var password= $("#password").val();
                if(username.length<12){
                    alert("请输入正确的学号")
                 return false;
                }
                if(password.length==0){
                    alert("不能密码为空")
                    return  false;
                }
                $("#sub").attr('disabled','true')
                $("#cancel").attr('disabled','true')
                $("#updeEmail").attr('disabled','true')
                $("#auto").attr('disabled','true')

            })
            $("#auto").click(function () {
                window.location.href="/autodaka"
            })
            $("#cancel").click(function () {
                window.location.href="/tocancel"
            })
            $("#updeEmail").click(function () {
                window.location.href="/toupdate"
            })
            $("#view").click(function () {
                window.location.href="/toview"
            })
        })
    </script>
    <style>
        div{
           text-align: center;

            margin: 0 auto;
        }
        th{
            text-align: center;
        }
    </style>
</head>
<body>
<h1 style="text-align: center">首页</h1>
<h2 style="text-align: center">自己写的，不会盗号，请放心使用!</h2>
<h2 style="text-align: center">输入学号密码，一键打卡</h2>
<div>
    <form id="myFrom" class="form-horizontal" action="/daka" method="post">
        <div class="form-group">
            <label for="username" class="col-sm-5 control-label"> 学 &emsp; 号:</label>
            <div class="col-sm-2">
                <input type="text" name="username" class="form-control" id="username" placeholder="请输入学号">
            </div>
        </div>
        <div class="form-group">
            <label for="password" class="col-sm-5 control-label">isp 密 码:</label>
            <div class="col-sm-2">
                <input type="password" class="form-control" name="password" id="password" placeholder="请输入isp密码">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-0 col-sm-12">
                <button type="submit" id="sub" class="btn btn btn-primary">手动打卡</button>
                <button type="button" id="auto" class="btn btn btn-success">自动打卡</button>
                <button type="button" id="cancel" class="btn btn btn-danger">取消自动打卡</button>
                <button type="button" id="updeEmail" class="btn btn btn-default">更新邮箱</button>
            </div>
        </div>

    </form>
</div>
<h2 style="text-align: center;color: red" th:text="${msg}"></h2><br/><br/>
<div>
    <table th:if="${table}!=null" class="table table-hover">
        <tr>
            <th>登记日期</th>
            <th>现所在地</th>
            <th>旅居史</th>
            <th>接触史</th>
            <th>往来史</th>
            <th>身体状况</th>
            <th>登记方式</th>
            <th>操作</th>
        </tr>
        <tr th:each="t:${table}">
            <td th:text="${t.dateOfRegistration}"></td>
            <td th:text="${t.location}"></td>
            <td th:text="${t.historyOfSojourn}"></td>
            <td th:text="${t.physicalCondition}"></td>
            <td th:text="${t.contactHistory}"></td>
            <td th:text="${t.historyOfContacts}"></td>
            <td th:text="${t.registrationMethod}"></td>
            <td th:text="${t.operation}"></td>
        </tr>
    </table>
</div>

<h3 style="text-align: center">@Author Zhubayi</h3>
</body>
</html>